Genesis.com PIP Renewal

•

Genesis, towards a new start and positive transformations.

Genesis.com - Product Information page (Renewal)

Hyundai Motor Company

Genesis is a bold and progressive brand that values the most Korean essence in design, always striving for excellence. genesis.com serves as the official website of Genesis, playing a role beyond simply conveying vehicle information. It functions as a marketing and digital touchpoint, offering features such as configurators, price quotes, and test drive applications. This project aims to enhance the structure of Product Information Pages (PIPs) on genesis.com, optimizing the information exploration journey. With high-level visual design, copywriting (English/Korean), and the development of interactive components, we were able to effectively showcase the personality and advantages of each vehicle.

새로운 시작, 긍정적인 변화와 도약을 향한 제네시스. 제네시스는 대담하면서 진보적인, 가장 한국적인 것을 디자인 가치로 삼는 언제나 최고를 추구하는 브랜드입니다. 제네시스 닷컴은 제네시스의 공식 웹사이트로 단순 차량의 정보 전달뿐만 아니라 컨피규레이터, 견적 내기, 시승 신청 등 마케팅과 디지털 터치 포인트의 역할을 하고 있습니다. 이번 프로젝트는 제네시스 닷컴에서 각 차량을 소개하는 PIP(Product information Page)의 구조를 개선하여 정보 탐색 여정을 최적화하는 동시에 수준 높은 비주얼 디자인과 카피라이팅(영문/국문), 인터랙티브한 컴포넌트 개발을 통해 각각의 차량이 가지고 있는 개성과 장점을 효과적으로 보여주기 위한 프로젝트를 시작하였습니다.

The optimal exploration experience

The new Genesis PIP organizes vehicle information on a single page and clearly categorizes the information hierarchy for each vehicle. It provides an intuitive design to visually convey the level of information, and the structure is designed to allow additional exploration if users need more detailed information. This ensures an easily accessible exploration experience, allowing users to acquire key information about the vehicle with ease.

최적의 탐색 경험. 새로운 제네시스 PIP는 단일 페이지로 차량의 정보를 구성하고 각 차량 별 정보 계층을 명확하게 분류하였습니다. 정보의 레벨을 시각적으로 인지할 수 있도록 직관적인 디자인을 통해 제공하며, 상세 정보는 사용자가 원할 경우 추가 탐색이 가능하도록 구조를 설계하여 어렵지 않게 차량의 주요 정보를 습득할 수 있는 탐색 경험을 제공합니다.

The design and development were carried out with the genesis.com visitors in mind. We took a mobile-first approach, creating content that was optimized for mobile screens. The design incorporated natural scroll interactions and adherence design, allowing for easy consumption of content on mobile devices.

제네시스 닷컴 방문자 특성을 고려하여 모바일 퍼스트로 설계 및 디자인을 진행하였습니다. 모바일 스크린에 최적화된 콘텐츠 제작 및 자연스러운 스크롤 인터랙션과 어포던스 디자인을 통해 어렵지 않게 콘텐츠를 소비할 수 있도록 디자인하였습니다.

Interactive component design

Genesis offers global services supporting numerous countries and languages, making use of AEM components for streamlined content management. To address the constraints of the existing components—though versatile, they faced challenges in effectively showcasing the distinctive features of each vehicle—we've developed a range of components designed to proficiently highlight the appeal of every car.

인터랙티브 컴포넌트 디자인. 제네시스는 다양한 국가와 언어를 지원하는 글로벌 서비스를 제공하며 효율적인 콘텐츠 관리를 위해 AEM 컴포넌트를 사용하고 있습니다. 범용성은 높지만 각각의 차량의 특장점을 효과적으로 보여주기 어려운 기존 컴포넌트의 한계를 개선하기 위해 각각 차량의 매력을 효과적으로 보여줄 수 있는 다양한 컴포넌트를 제작하였습니다.

New components to highlight the beauty of Genesis

The name Genesis embodies our longing for the creation of aspirations, new beginnings, and positive transformations. Our goal was to showcase the beauty of the cars for individuals with unique tastes and perspectives and spark the journey of positive change through Genesis.

매력적인 제네시스를 위한 새로운 컴포넌트. 제네시스라는 이름에는 열망의 창조, 새로운 시작과 긍정적인 변화를 향한 우리의 염원이 담겨 있습니다. 자신만의 취향과 안목을 각진 사람들을 위한 최상의 자동차를 만들고, 그를 통해 삶의 긍정적인 변화를 만들어내는 것을 목표로 합니다.

Visual asset creation using generative AI

To address the challenge of creating catalog assets with a similar look for all vehicles, limiting the diverse expression of each car's unique features, we turned to generative AI solutions. Leveraging this technology, we generated background images tailored to specific scenarios and seamlessly integrated them with 3D-rendered vehicle images. This approach not only allowed us to effectively highlight the strengths of each car but also ensured that the resulting assets aligned perfectly with the intentions of content creators, resulting in visually stunning outcomes.

생성형 AI를 활용한 비주얼 에셋 제작. 모든 차량의 카탈로그 에셋이 유사한 형태로 제작되어 차량 간 특장점을 다양하게 표현하는데 제약이 있었습니다. 각 차량의 장점을 효과적으로 표현하기 위해 생성형 AI 솔루션을 활용하여 상황에 맞는 배경 이미지를 생성하고, 3D 렌더링으로 뽑아낸 차량을 합성하여 작업을 진행하였습니다. 이를 통해 콘텐츠 제작자의 의도에 최적화 된 에셋 제작이 가능했고, 높은 수준의 비주얼 에셋을 완성하였습니다.